@color: #6b6b6b;
@primary: #39be77;
@rv-gray-1: #f7f8fa;
@rv-gray-2: #f2f3f5;
@rv-gray-3: #ebedf0;
@rv-gray-4: #dcdee0;
@rv-gray-5: #c8c9cc;
@rv-gray-6: #969799;
@rv-gray-7: #646566;
@rv-gray-8: #323232;

@primary: #39be77; // 主题色
@danger: #ee0a24;
@primary-bg: #f5f5f5;
@link-color: #597fe7;
@text-warning: #ecbe25;

// 文本色
@color-text-base: rgba(0, 0, 0, 0.9);
@color-text-caption: rgba(0, 0, 0, 0.5);
@color-text-secondary: rgba(0, 0, 0, 0.3);
// @color-text-light: #DCDCDC;
@link-color: #597fe7;

.button-active {
  &:hover,
  &:focus {
    outline: none;
  }
  &::-moz-focus-inner {
    border: 0;
  }
  &::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #000;
    border: 1px solid #000;
    border-radius: inherit;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    content: '';
  }
  &:active::before {
    opacity: 0.1;
  }
}

// 单行省略
.one-line-ellipsis {
  overflow: hidden; //超出的文本隐藏
  text-overflow: ellipsis; //溢出用省略号显示
  white-space: nowrap; //溢出不换行
}

// 多行省略
.multiple-line-ellipsis {
  display: -webkit-box; // 弹性伸缩盒子模型
  -webkit-box-orient: vertical; // 设置元素垂直排列
  -webkit-line-clamp: 1; // 设置元素只显示一行
  overflow: hidden;
  text-overflow: ellipsis;
}

// 修改弹出框确认键颜色
:global {
  .rv-dialog__confirm,
  .rv-dialog__confirm:active {
    color: @danger;
  }
}

// 修改日器选择器字体
:global {
  .rv-datetime-picker {
    font-family: WeChatSans-regular;
  }
}

// 修改日历字体
:global {
  // .rv-calendar__popup {
  //   height: 62% !important;
  //   .rv-calendar__header-title {
  //     height: 40px;
  //   }
  //   .rv-calendar__selected-day {
  //     background-color: @primary;
  //   }
  // }
  .rv-calendar {
    // height: 62% !important;
    // .rv-calendar__header-title {
    //   height: 40px;
    // }
    // .rv-calendar__selected-day {
    //   background-color: @primary;
    // }
    font-family: WeChatSans-regular;
  }
}
